*
{
    padding: 0px;
    margin:0px;
    font-family: "微软雅黑";
}

/*::-webkit-scrollbar{width:0;height:0} .button class_main*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
    font-size: 14px;
    line-height: 18px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ user_center_buttom class_main */
    color: #fff;
    font-size: 14px;
    line-height: 18px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
}

input[type="button"], input[type="submit"], input[type="reset"]{

-webkit-appearance: none;

}

ul{
  list-style-type:none;
}

textarea {  -webkit-appearance: none;}

a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}

a
{
  color:#607fa6;
  text-decoration: none;
}

#top
{
    position: absolute;
    top:-9999;
}

/***************************index.html*****************************/
.bottom
{
    width:100%;
    height:55px;
    color:#999;
    position:fixed;
    bottom:0;
    border-top:1px solid #eee;
    background:#fff;
}
.bottom li
{
    float:left;
    width:25%;
    height:55px;
    display:block;
    text-align:center;
    margin-top: 6px;
    font-size:25px;
    color:#999;
}
.bottom span
{
    font-size:10px;
    width:100%;
    float:left;
}
/***************************Help/index.html*****************************/
.banner
{
    width: 100%;
    display: inline-block;
    background: #f3f3f3; 
}
.banner img
{
    width: 100%;
    display: inline-block;
}
.help_list
{
    width: 100%;
    display: inline-block;
    background: #f3f3f3; 
}

.help_list li
{
    width: 96%;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
   /* box-shadow: 0px 0px 5px #cccccc;*/
    margin-top: 20px;
    background: #fff;
}

.help_list_top
{
    width: 92%;
    height: 60px;
    background: #fff;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 10px;
}

.help_list_top h1
{
    width: 50%;
    color: #555555;
    font-size: 15px;
    float: left;
}

.help_list_top span
{
    width: 50%;
    color: #FFCB5C;
    font-size: 15px;
    float: right;
    font-weight: 900;
    text-align: right;
}

.help_list_top small
{
    width: 100%;
    color: #b4b4b4;
    font-size: 12px;
    float: right;
    margin-top: 5px;
}



.help_list_buttom
{
    width: 92%;
    height: 60px;
    background: #FAFAFB;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 10px;
}

.help_list_buttom h1
{
    color: #555555;
    font-size: 14px;
    float: left;
}


.help_list_buttom img
{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    float: left;
    margin-right: 10px;
}

.help_list_sex_male
{
  padding: 2px;
  background: rgba(34, 168, 143, 0.69);
  width: 15px;
  height: 15px;
  color: #fff;
  border-radius: 3px;
  float: left;
  font-size: 7px;
  margin-top: 11px;
  text-align: center;
  line-height: 15px;
}
.help_list_sex_female
{
  padding: 2px;
  background:#FCC2D8;
  width: 15px;
  height: 15px;
  color: #fff;
  border-radius: 3px;
  float: left;
  font-size: 11px;
  margin-top: 11px;
  text-align: center;
  line-height: 15px;
}
.help_list_position
{
  padding: 2px;
  background: rgba(0, 153, 204, 0.47);
  display: inline-block;
  color: #fff;
  border-radius: 3px;
  float: left;
  font-size: 5px;
  margin-top: 11px;
  text-align: center;
  line-height: 15px;
  margin-left: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.help_list_time
{
    color: #666;
    font-size: 12px;
    float: right;
    line-height: 42px;
}
/***************************Add/index.html*****************************/
.add_block
{
  width: 95%;
  display: inline-block;
  background: #fff;
  margin: 0 auto;
  margin-top: 8px;
  border: 1px solid #eee;
}
.add_block img
{
  float: left;
  width: 100%;
}
.add_block h1
{
  font-size: 18px;
  color: #666;
  margin: 10px;
  float: left;
  text-align: left;
  font-weight:normal;

}
.add_block p
{
  font-size: 14px;
  color: #666;
  margin: 10px;
  line-height: 30px;
  float: left;
  margin-top: 5px;
  text-align: left;
}
.add_block button
{
  width: 96%;
  border: 0px;
  background: #eee;
  height: 40px;
  margin-bottom: 10px;

}
/***************************My/index.html*****************************/

.my_person
{
  width:100%;
  height:120px;
  background:#ffffff;
}
.my_person li
{
  list-style-type: none;
  line-height: 100px;
}
.my_touxiang
{
  width:80px;
  height:80px;
  border-radius: 100%;
  background:#ccc;
  margin-left: 5%;
  margin-top: 5%;
  float:left;
  overflow: hidden;
}

.my_touxiang img
{
  max-width: 80px;

}

.my_user_message
{
  width: 60%;
  float: left;
  margin-top: 30px;
  margin-left: 5%;
}

.my_user_message span
{
  padding: 5px;
  border-radius: 3px;
  color: #666;
  border: 1px solid #FF9933;
  float: left;
  padding-top:8px;
  padding-bottom: 8px;
  margin-right: 15px;
  font-size: 12px;
  margin-top: 10px;

}

.my_user_sex
{
  padding: 3px;
  /*background: #993366;*/
  display: inline-block;
  color: #CC3300;
  border-radius: 3px;
  float: left;
  font-size: 12px;
  margin-top: 11px;
  text-align: center;
  line-height: 15px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #CC3300;
}

.my_user_center_buttom li{
  width: 100%;
  height:50px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  line-height: 50px;
}

.my_means1
{
  width:100%;
  height:70px;
  margin-top: 2px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.my_means1 li
{
   float:left;
    width:25%;
    height:55px;
    display:block;
    text-align:center;
     font-size:25px;
     margin-top: 15px;
   }
.my_means1 i
{
     color:#999;
}
.my_means1 span
{
    font-size:10px;
    width:100%;
    float:left;
    color:#555555;
}